@media screen and (min-width:1200px)
{
    * {
    margin:0px;
    padding:0px;
}
.IntroductionImage img {
    width: 100%;
    height: 100%;
    margin: 60px auto 0px;
}
.Overviewimg {
    width: 1100px;
    height: 460px;
    margin: 0px auto;
}
.Overviewimg_1 {
    float: left;
    width: 720px;
    height: 460px
}
    .rightimg {
        float: right;
        border: 0px solid green;
        width: 380px;
        height: 460px
    }

        .rightimg img {
            width: 306px;
            height: 306px;
            margin-left: 60px;
            margin-top: 100px;
        }
.CommpanyIntroduction {
    border-bottom: 1px solid #a4b0be;
    width: 600px;
    height: 280px;
    padding-bottom: 55px;
}
    .CommpanyIntroduction h3 {
        line-height: 100px;
    }
.CommpanyIntroduction_1 {
    line-height: 26px;
    font-size: 15px;
    letter-spacing: 0.660px;
    padding-top: 0px;
    color: #57606f
}
.FourImage {
    width: 720px;
    height: 150px;
    margin-top: 25px;
}
.FourImage_1 {
    float: left;
    width: 360px;
    height: 70px;
    padding-left: 20px;
}
    .FourImage_1 img {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }

    .FourImage_1 span {
        line-height: 70px;
        font-size: 18px;
        color: #57606f
    }
.FourImage_2 {
    float: left;
    width: 360px;
    height: 70px;
}
    .FourImage_2 img {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }
    .FourImage_2 span {
        line-height: 70px;
        font-size: 18px;
        color: #57606f
    }
.Introduction_1 {
    width: 1100px;
    height: 300px;
    margin: 20px auto 0px;
}
.Introduction_1_1 {
    line-height: 26px;
    font-size: 15px;
    letter-spacing: 0.660px;
    color: #57606f;
    display:none;
}
.Images_1 {
    width: 1110px;
    height: 350px;
    margin: 0px auto;
    display: none;
}
/*
    .Images_1 table {
    }
        .Images_1 table tr td {
            margin:5px;
            width: 235px;
            height: 150px;
        }
        .tdimg1{
            padding:5px;
            width: 230px;
            height: 150px;
        }
        .tdimg2{
            padding-left:5px;
            width: 100%;
            height: 100%;
        }
*/
.Introduction_2 {
    width: 1100px;
    height: 100px;
    margin: 0px auto;
}
.Introduction_2_1 {
    line-height: 26px;
    font-size: 15px;
    letter-spacing: 0.660px;
    color: #57606f;
    display: none;
}
}

@media screen and (max-width:1199px)
{
    * {
        margin: 0px;
        padding: 0px;
    }
.IntroductionImage img {
    width: 100%;
    height: 100%;
    margin: 60px auto 0px;
}

    .Overviewimg {
        width: 90%;
        height: 460px;
        margin: 0px auto;
    }

    .Overviewimg_1 {
        width: 100%;
    }

    .rightimg {
        border: 0px solid green;
        width: 40%;
        margin: 30px auto;
    }

        .rightimg img {
            width: 100%;
            height: 100%;
        }

    .CommpanyIntroduction {
        width: 100%;
    }

        .CommpanyIntroduction h3 {
            line-height: 50px;
        }

    .CommpanyIntroduction_1 {
        line-height: 26px;
        font-size: 15px;
        letter-spacing: 0.660px;
        padding-top: 0px;
        color: #57606f;
        padding-bottom:20px;
        border-bottom: 1px solid #a4b0be;
    }

    .FourImage {
        width: 80%;
        height: 150px;
        margin:30px 0px;
    }

    .FourImage_1 {
        float: left;
        width: 48%;
        height: 70px;
        margin-right: 20px;
    }

        .FourImage_1 img {
            width: 50px;
            height: 50px;
            margin-right: 10px;
        }

        .FourImage_1 span {
            line-height: 70px;
            font-size: 18px;
            color: #57606f
        }

    .FourImage_2 {
        float: left;
        width: 44%;
        height: 70px;
    }

        .FourImage_2 img {
            width: 50px;
            height: 50px;
            margin-right: 10px;
        }

        .FourImage_2 span {
            line-height: 70px;
            font-size: 18px;
            color: #57606f
        }

    .Introduction_1 {
        width: 90%;
        height:100%;
        margin: 30px auto;
    }

    .Introduction_1_1 {
        float: left;
        line-height: 26px;
        font-size: 15px;
        margin: 30px auto;
        letter-spacing: 0.660px;
        color: #57606f;
        /*display: none;*/
    }

    .Images_1 {
        width: 90%;
        height:100%;
            margin: 50px auto 0px;
        /*display: none;*/
    }
    .Images_1 img
    {
        width:100%;
     }

    .Introduction_2 {
        width: 90%;
        margin: 30px auto;
    }

    .Introduction_2_1 {
        line-height: 26px;
        font-size: 15px;
        letter-spacing: 0.660px;
        color: #57606f;
    }
}

@media screen and (max-width:550px)
{
 .Images_1 {
        width: 90%;
        height:100%;
            margin: 50px auto 0px;
        /*display: none;*/
    }
    .FourImage {
        width: 100%;
        margin:30px auto;
    }
    .Images_1 img
    {
        width:100%;
     }

    .FourImage_1 {
        width: 50%;
        height: 70px;
    }

        .FourImage_1 img {
            width: 50px;
            height: 50px;
        }

        .FourImage_1 span {
            line-height: 70px;
            font-size: 18px;
            color: #57606f
        }

    .FourImage_2 {
        width: 50%;
        height: 70px;
    }

        .FourImage_2 img {
            width: 50px;
            height: 50px;
        }

        .FourImage_2 span {
            line-height: 70px;
            font-size: 18px;
            color: #57606f
        }
 }
 
 @media screen and (max-width:550px)
{
     .Images_1 {
        width: 90%;
        height:100%;
            margin: 100px auto 0px;
        /*display: none;*/
    }.Images_1 img
    {
        width:100%;
     }
    }